.process-designer-header {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0 22px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);

  .process-designer-header-left {
    display: flex;
    align-items: center;
    font-size: 14px;

    .process-designer-header-left-line {
      width: 1px;
      height: 24px;
      background: #ddd;
      margin: 0 15px;
    }

    .process-designer-header-left-icon{
      width: 16px;
      height: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .process-designer-header-right {
    display: flex;
    align-items: center;

    .process-designer-header-right-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-left: 15px;
      cursor: pointer;

      svg {
        path {
          fill: #666;
        }
      }

      &:hover {
        svg {
          scale: 1.1;

          path {
            fill: var(--inbiz-color-primary);
          }
        }
      }
    }

    &>button {
      margin-left: 15px;
    }
  }
}